<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>华为---注册页面</title>
  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/register.css">
</head>

<body>
  <div id="register">
    <!-- 注册页面头部 -->
    <div class=" header">
      <div class="w-1200 header-logo">
        <div class="logo"><a href="../index.html"></a></div>
        <div class="hx"></div>
        <div class="title">华为商场</div>
      </div>
    </div>
    <!-- 注册页面主体部分 -->
    <div class="w-1200 main">
      <!-- 注册主体部分的左面 -->
      <div class="main-l">
        <ul>
          <li><a href="#" class="active"><span class="select-icon"></span><span class="select-content">手机号注册</span></a>
          </li>
          <li><a href="#"><span class="select-icon select-icon-email"></span><span
                class="select-content">邮箱地址注册</span></a></li>
        </ul>
      </div>
      <!-- 注册主体部分的右面 -->
      <div class="main-r">
        <div class="main-content">
          <h1>华为帐号注册</h1>
          <p>已有帐号， <a href="#">去登录></a></p>
          <!-- 注册页面的表单部分 -->
          <!-- 国家 -->
          <div class="main-input">国家/地区
            <select>
              <option value="zg">中国</option>
              <option value="zg">中国</option>
              <option value="zg">中国</option>
              <option value="zg">中国</option>
            </select>
          </div>
          <!-- 手机号 -->
          <div class="main-input"><span class="main-type">+86(中国)</span><input class="main-type-input main-tel-input"
              type="text" placeholder="请输入手机号"></div>
          <!-- 短信验证码 -->
          <div class="main-input"><input class="main-type-input input-dx" type="text" maxlength="8"
              placeholder="短信验证码"><input type="button" class="main-type-input" value="获取验证码"></input></div>
          <!-- 密码 -->
          <div class="main-input"><input class="main-type-input input-pwd" type="text" maxlength="32"
              placeholder="密码"><span class="close-keys"></span></div>
          <!-- 重新输入密码 -->
          <div class="main-input"><input class="main-type-input input-pwd" type="text" maxlength="32"
              placeholder="确认密码"><span class="close-keys"></span></div>
          <!-- 出生日期 -->
          <div class="main-input"><span class="main-type birthday">出生日期</span>
            <select name="" id="year">
              <option value="y">2021年</option>
            </select>
            <select name="" id="year">
              <option value="m">01月</option>
            </select>
            <select name="" id="year">
              <option value="d">01日</option>
            </select>
          </div>
          <!-- 注册按钮 -->
          <div class=""><button class="reg-btn">注册</button></div>
        </div>
      </div>
    </div>
    <!-- 注册页面底部 -->
    <div class="footer">
      <ul>
        <table></table>
        <li><a href="#">华为帐号用户协议</a></li>
        <li>|</li>
        <li><a href="#">关于华为帐号与隐私的声明</a></li>
        <li>|</li>
        <li><a href="">常见问题</a></li>
        <li>|</li>
        <li><a href="#">Cookies</a></li>
      </ul>
      <div class="copyright">华为帐号 版权所有 © 2011-2021</div>
    </div>
  </div>
</body>

</html>